<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>伊森手表</title>
		<link rel="stylesheet" href="css/index.css">
	</head>

	<body>
		<div class="web">
			<!-- 头部 -->
			<header>
				<div class="h_top">
					<div class="h_top_box">
						<div class="h_icons">
							<img src="img/icon_01.png" alt="">
							<img src="img/icon_02.png" alt="">
							<img src="img/icon_03.png" alt="">
						</div>
						<p>
							伊森官方旗舰网站欢迎您的光临
						</p>
					</div>
				</div>
				<!-- 导航栏 -->
				<div class="h_nav">
					<div class="logo">
						<a href="index.html">
							<img src="img/logo.png" alt="">
						</a>
					</div>
					<ul class="nav">
						<li class="active">
							<a href="index.html">首页</a>
						</li>
						<li>
							<a href="javascript:;">关于伊森</a>
							<div class="nav_1">
								<div class="nav_2">
									<p>男士腕表系列</p>
									<div class="nav_3">
										<a href="javascript:;">劳力士</a>
										<a href="javascript:;">朗格</a>
										<a href="javascript:;">里查德米尔</a>
										<a href="javascript:;">格拉苏蒂原创</a>
										<a href="javascript:;">瑞宝</a>
									</div>
								</div>
								<div class="nav_2">
									<p>女士腕表系列</p>
									<div class="nav_3">
										<a href="javascript:;">爱马仕</a>
										<a href="javascript:;">朗格</a>
										<a href="javascript:;">里查德米尔</a>
										<a href="javascript:;">香奈儿</a>
										<a href="javascript:;">瑞宝</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="list.html">产品系列</a>
							<div class="nav_1">
								<div class="nav_2">
									<p>男士腕表系列</p>
									<div class="nav_3">
										<a href="javascript:;">劳力士</a>
										<a href="javascript:;">朗格</a>
										<a href="javascript:;">里查德米尔</a>
										<a href="javascript:;">格拉苏蒂原创</a>
										<a href="javascript:;">瑞宝</a>
									</div>
								</div>
								<div class="nav_2">
									<p>女士腕表系列</p>
									<div class="nav_3">
										<a href="javascript:;">爱马仕</a>
										<a href="javascript:;">朗格</a>
										<a href="javascript:;">里查德米尔</a>
										<a href="javascript:;">香奈儿</a>
										<a href="javascript:;">瑞宝</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="javascript:;">售后服务</a>
							<div class="nav_1">
								<div class="nav_2">
									<p>男士腕表系列</p>
									<div class="nav_3">
										<a href="javascript:;">劳力士</a>
										<a href="javascript:;">朗格</a>
										<a href="javascript:;">里查德米尔</a>
										<a href="javascript:;">格拉苏蒂原创</a>
										<a href="javascript:;">瑞宝</a>
									</div>
								</div>
								<div class="nav_2">
									<p>女士腕表系列</p>
									<div class="nav_3">
										<a href="javascript:;">爱马仕</a>
										<a href="javascript:;">朗格</a>
										<a href="javascript:;">里查德米尔</a>
										<a href="javascript:;">香奈儿</a>
										<a href="javascript:;">瑞宝</a>
									</div>
								</div>
							</div>
						</li>
						<li>
							<a href="javascript:;">联系伊森</a>
							<div class="nav_1">
								<div class="nav_2">
									<p>男士腕表系列</p>
									<div class="nav_3">
										<a href="javascript:;">劳力士</a>
										<a href="javascript:;">朗格</a>
										<a href="javascript:;">里查德米尔</a>
										<a href="javascript:;">格拉苏蒂原创</a>
										<a href="javascript:;">瑞宝</a>
									</div>
								</div>
								<div class="nav_2">
									<p>女士腕表系列</p>
									<div class="nav_3">
										<a href="javascript:;">爱马仕</a>
										<a href="javascript:;">朗格</a>
										<a href="javascript:;">里查德米尔</a>
										<a href="javascript:;">香奈儿</a>
										<a href="javascript:;">瑞宝</a>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
				<!-- 轮播图 -->
				<div class="carousel">
					<ul class="caro_img">
						<li><img src="img/carousel_01.jpg" alt=""></li>
						<li><img src="img/carousel_02.jpg" alt=""></li>
						<li><img src="img/carousel_03.jpg" alt=""></li>
					</ul>
					<div class="arrow left_arr">&lt;</div>
					<div class="arrow right_arr">&gt;</div>
					<ol class="dot"></ol>
				</div>
			</header>
			<!-- 内容 -->
			<main>
				<!-- 热卖 -->
				<section class="box1">
					<div class="title">
						<p>热销款</p>
						<p>Hot style</p>
					</div>
					<ul class="content clearfix">
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_01.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_02.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_03.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_04.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_01.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_01.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_01.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_01.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_01.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_01.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_01.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_01.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
					</ul>
					<a class="more" href="javascript:;">查看更多</a>
				</section>
				<!-- 中间插图 -->
				<section class="illustration">
					<div class="content">
						<h3>伊森</h3>
						<p>为你打造最好的腕表</p>
					</div>
				</section>
				<!-- 最新款 -->
				<section class="box1">
					<div class="title">
						<p>最新款</p>
						<p>Latest style</p>
					</div>
					<ul class="content clearfix">
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_01.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_02.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_03.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_04.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_01.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_02.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_03.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
						<li>
							<a href="detail.html">
								<div class="cont_img">
									<img src="img/watch_04.png" alt="">
								</div>
								<div class="cont_text">
									<p>伊森男腕表</p>
									<p>伊森男士腕表时尚型</p>
								</div>
							</a>
						</li>
					</ul>
					<a class="more" href="javascript:;">查看更多</a>
				</section>
				<section class="images">
					<div class="left_img">
						<div class="l_img_item">
							<img src="img/index_02.jpg" alt="">
						</div>
						<div class="l_img_item">
							<img src="img/index_03.jpg" alt="">
						</div>
						<div class="l_img_item">
							<img src="img/index_04.jpg" alt="">
						</div>
						<div class="l_img_item">
							<img src="img/index_05.jpg" alt="">
						</div>
					</div>
					<div class="right_img">
						<img src="img/index_06.jpg" alt="">
					</div>
				</section>
			</main>
			<!-- 尾部 -->
			<footer>
				<div class="footer_top">
					<dl>
						<dt>伊森腕表品牌</dt>
						<dd>品牌简介</dd>
						<dd>总裁致辞</dd>
						<dd>员工关怀</dd>
						<dd>招商加盟</dd>
						<dd>人才招聘</dd>
					</dl>
					<dl>
						<dt>伊森售后服务</dt>
						<dd>售后检测点</dd>
						<dd>送修流程</dd>
						<dd>维修报价</dd>
						<dd>保修政策</dd>
						<dd>联系客服</dd>
					</dl>
					<dl>
						<dt>关于伊森</dt>
						<dd>媒体关注</dd>
						<dd>合作伙伴</dd>
						<dd>销售区域</dd>
						<dd>荣誉资质</dd>
						<dd>伊森手表学堂</dd>
					</dl>
				</div>
				<div class="footer_bott">
					<span>Copyright2016伊森腕表版权所有</span>
					<span>粤ICP备1234567号</span>
					<span>贵宾专线：400-200-9999</span>
					<span>地址：广州市海珠区XX大厦1808室</span>
				</div>
			</footer>

			<script src="js/carousel.js"></script>
			<script src="js/index.js"></script>
		</div>
	</body>

</html>
